Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: move range filter to global header #2047

Merged
merged 26 commits into from
Nov 13, 2023
Merged

Conversation

OgDev-01
Copy link
Contributor

@OgDev-01 OgDev-01 commented Nov 3, 2023

Description

This PR:

Introduces changes to improve range filter management by shifting from using useState to utilizing URL query parameters. This modification enhances the usability and maintainability of the code while providing benefits such as improved navigation and bookmarking of filter states.

Benefits

  • Enhanced Usability: Users can easily bookmark or share filter configurations, simplifying navigation.
  • Better User Experience: Seamless synchronization between the filter and URL parameters provides a more intuitive experience.

What type of PR is this? (check all applicable)

  • 🍕 Feature
  • 🐛 Bug Fix
  • 📝 Documentation Update
  • 🎨 Style
  • 🧑‍💻 Code Refactor
  • 🔥 Performance Improvements
  • ✅ Test
  • 🤖 Build
  • 🔁 CI
  • 📦 Chore (Release)
  • ⏩ Revert

Related Tickets & Documents

closes #1815
related to #712

Mobile & Desktop Screenshots/Recordings

Screen.Recording.2023-11-05.at.06.48.24.mov

Added tests?

  • 👍 yes
  • 🙅 no, because they aren't needed
  • 🙋 no, because I need help

Added to documentation?

  • 📜 README.md
  • 📓 docs.opensauced.pizza
  • 🍕 dev.to/opensauced
  • 📕 storybook
  • 🙅 no documentation needed

[optional] Are there any post-deployment tasks we need to perform?

[optional] What gif best describes this PR or how it makes you feel?

Copy link

netlify bot commented Nov 3, 2023

Deploy Preview for design-insights ready!

Name Link
🔨 Latest commit b2e9681
🔍 Latest deploy log https://app.netlify.com/sites/design-insights/deploys/6552428eb53d8e00081a3689
😎 Deploy Preview https://deploy-preview-2047--design-insights.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link

netlify bot commented Nov 3, 2023

Deploy Preview for oss-insights ready!

Name Link
🔨 Latest commit b2e9681
🔍 Latest deploy log https://app.netlify.com/sites/oss-insights/deploys/6552428e48a84200086b94b8
😎 Deploy Preview https://deploy-preview-2047--oss-insights.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@OgDev-01 OgDev-01 marked this pull request as ready for review November 6, 2023 12:09
@OgDev-01 OgDev-01 added the needs review PRs that need review from core engineering team label Nov 6, 2023
@OgDev-01
Copy link
Contributor Author

OgDev-01 commented Nov 9, 2023

Hey @nickytonline, can you take a peak at this when you have the time?

@brandonroberts brandonroberts added the merge conflicts Needs merge conflict resolved label Nov 9, 2023
@OgDev-01 OgDev-01 added needs-approval and removed merge conflicts Needs merge conflict resolved needs-second-review labels Nov 9, 2023
@OgDev-01
Copy link
Contributor Author

OgDev-01 commented Nov 9, 2023

This PR has a lot of files changed because of the change in range type cc: @nickytonline

Copy link
Member

@nickytonline nickytonline left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'm just on the bus, so will do a more thorough review once I'm at a desk, but here's some initial feedback.

components/organisms/Contributors/contributors.tsx Outdated Show resolved Hide resolved
components/organisms/Contributors/contributors.tsx Outdated Show resolved Hide resolved
Copy link
Member

@nickytonline nickytonline left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I've tested this locally and it works great! Just a few change requests and then this is good to go.

components/organisms/ToolList/nav-item.tsx Show resolved Hide resolved
components/organisms/ToolList/nav-item.tsx Show resolved Hide resolved
layouts/filter.tsx Show resolved Hide resolved
layouts/hub-page.tsx Show resolved Hide resolved
lib/hooks/api/useContributors.ts Show resolved Hide resolved
pages/lists/[listId]/activity.tsx Show resolved Hide resolved
pages/lists/[listId]/contributors.tsx Show resolved Hide resolved
@brandonroberts brandonroberts added the merge conflicts Needs merge conflict resolved label Nov 13, 2023
@OgDev-01 OgDev-01 removed the merge conflicts Needs merge conflict resolved label Nov 13, 2023
@OgDev-01
Copy link
Contributor Author

Can you take a look now @nickytonline?

Copy link
Member

@nickytonline nickytonline left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks @OgDev-01! 🚀

@OgDev-01 OgDev-01 merged commit 1037aef into beta Nov 13, 2023
11 checks passed
@OgDev-01 OgDev-01 deleted the ogdev/1815-global-range-filter branch November 13, 2023 15:51
open-sauced bot pushed a commit that referenced this pull request Nov 13, 2023
## [1.76.0-beta.2](v1.76.0-beta.1...v1.76.0-beta.2) (2023-11-13)

### 🍕 Features

* move range filter to global header ([#2047](#2047)) ([1037aef](1037aef))

### 🐛 Bug Fixes

* fixed styling of delete list modal ([#2106](#2106)) ([d7d7048](d7d7048))
* insights edit repo list limit ([#2119](#2119)) ([c81e8bb](c81e8bb))
open-sauced bot pushed a commit that referenced this pull request Nov 16, 2023
## [1.76.0](v1.75.0...v1.76.0) (2023-11-16)

### 🧑‍💻 Code Refactoring

* remove unused components ([f71c662](f71c662))
* Replace hardcoded px value with appropriate tailwind class in Dropdown component  ([#2113](#2113)) ([abf3380](abf3380))

### 🍕 Features

* add ability for user to toggle receiving email product updates ([#2133](#2133)) ([8ba0d6f](8ba0d6f))
* add params handling for new PR ([#2062](#2062)) ([b878429](b878429))
* implemented the Contributions by type of contributor graph for the list activity page ([#2101](#2101)) ([0088c23](0088c23))
* move range filter to global header ([#2047](#2047)) ([1037aef](1037aef))
* replace dashboard scatterplot chart with repositories table ([#2130](#2130)) ([dedb2e4](dedb2e4))
* select component growth enabled ([#1762](#1762)) ([3303054](3303054))
* updating last contributed column for insights table ([#2115](#2115)) ([846fdc4](846fdc4))

### 🐛 Bug Fixes

* add hovercard to most active contributors avatars in list ([#2157](#2157)) ([e02d1db](e02d1db))
* added Edit List button to all list pages ([a6a38f4](a6a38f4))
* added Edit List button to all list pages ([#2125](#2125)) ([284fa4a](284fa4a))
* added orange hearts ([#2139](#2139)) ([2b8b2ed](2b8b2ed))
* change red color to purple in merged pr bar ([#2108](#2108)) ([dc28efc](dc28efc))
* Correct wording for alumni contributors  ([#2114](#2114)) ([2f23896](2f23896))
* fixed styling of delete list modal ([#2106](#2106)) ([d7d7048](d7d7048))
* h1-h6 base style using CSS from .tracking-tight ([#2142](#2142)) ([4ad69a1](4ad69a1))
* hover card now works as expected in all areas ([#2152](#2152)) ([d88f71b](d88f71b))
* insights edit repo list limit ([#2119](#2119)) ([c81e8bb](c81e8bb))
* now main index page handles redirects in middleware ([d7a69fd](d7a69fd))
* now main index page handles redirects in middleware ([#2137](#2137)) ([5b26fb2](5b26fb2))
* pr overviews in repo table now accurate ([#2118](#2118)) ([b562578](b562578))
* Remove the unused components - `CommandEmpty` and `CommandLis`t from the codebase ([#2112](#2112)) ([690738f](690738f))
* remove unnecesarry console logs ([#2151](#2151)) ([8955e02](8955e02))
* removed font-medium classes as the base style for all elements is font-medium ([#2146](#2146)) ([d06a1ca](d06a1ca))
* removed two second timeout for initial page load ([e49b799](e49b799))
* removed two second timeout for initial page load ([#2136](#2136)) ([d44248a](d44248a))
* replace hardcoded px with tailwind class ([6346cb7](6346cb7))
* replace hardcoded px with tailwind class ([6cd93ff](6cd93ff))
* show last 30 days for contribution line graphs ([#2155](#2155)) ([a1fee71](a1fee71))
* styling updates to lists of insights/lists ([947e6a5](947e6a5))
* styling updates to lists of insights/lists ([#2131](#2131)) ([34e7f92](34e7f92))
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
needs review PRs that need review from core engineering team needs-approval
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Feature: Insights/Lists - move date filter from individual charts to header
3 participants